<script setup>
import { useRoute } from 'vue-router';
import { ArrowRight } from '@element-plus/icons-vue'
import { onMounted } from 'vue';
const route = useRoute()

</script>

<template>
    <el-breadcrumb class="pro" :separator-icon="ArrowRight">
        <el-breadcrumb-item 
        :to="{ path: item.path }" 
        v-for="item in route.matched"
        :key="item"
        >
            {{ item.meta.title }}
        </el-breadcrumb-item>
    </el-breadcrumb>
</template>

<style scoped lang="scss">
.pro{
    width: 100%;
    height: 5vh;
    background-color: white;
    box-sizing: border-box;
    margin: 10px 0;
    line-height: 5vh;
    padding-left: 20px;
}
</style>